import React, { Component } from 'react';

import Child1 from "./Child1"; //子组件
import Child2 from "./Child2"; //子组件2
import ContextType from "./Child3使用contextType"; //子组件3

// 1.导入共享数据
import { geobalContext,geobalData,globalAction } from './common/js/globalData' //公共组件的数据共享
// 2.合并state数据
// ...geobalData
// 3.解构geobalContext
let {Provider} = geobalContext

class Parent extends Component {
  constructor(props) {
    super(props);
  }
  state = { 
    ...geobalData, //2.合并state数据
    ...globalAction(this) //全局修改的事件
   }
  render() { 
    return ( 
      <>
        <Provider value={this.state}>
          父组件共享全局数据：
          父组件{this.state.name}

          <Child1 footer={<div>我是命名插槽</div>}>我是匿名插槽</Child1>{/*把组件写成双标签在中间写东西 匿名插槽 */}

          <Child2></Child2>

          <ContextType></ContextType>

        </Provider>
      </>
     );
  }
}
 
export default Parent;